@charset "utf-8";
/* CSS Document */

/**通用类**/

/*焦点图start*/
.banner{ width:100%; height:auto; overflow:hidden;}
.flexslider{position:relative; height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:auto; overflow:hidden}
.slides li img { width:100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:18px;height:17px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:18px;height:17px;line-height:50px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:40%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
/*焦点图end*/

/*新闻中心*/
.news{ float: left; width: 825px; height: 490px; margin-top:40px; border:1px solid #CCC; }
.news .tab{ width: 100%; height: auto; overflow:hidden; position:relative; }
.news .tab .more{ position: absolute; right: 5px; top: 6px; font-size: 14px; }
.tab-menu{ width: 100%; height: 33px; line-height:32px;background-color: #EEE;  }
.tab-menu li { float: left; width: 110px; height: 39px; text-align:center; font-size:16px; cursor:pointer;}
.tab-menu li.current{ color: #FFF; background: url(../images/current.png) no-repeat center;}
.tabBox{ width: 100%; height: 450px; padding:10px; overflow: hidden;box-sizing: border-box;}
.newsList ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.newsList li{ width: 49%; height: 62px; border-bottom: 1px dashed #CCC; margin-bottom: 10px; }
.newsList li:last-child{ border: none; }
.newsList .time{ width: 70px; float: left; text-align: center; color: #02693b; font-size: 14px; }
.newsList .time strong{ font-size: 24px; }
.newsList .text{ float: right; width: 80%; }
.newsList .text h5{ font-size: 15px; height: 30px; line-height: 30px; }
.newsList .text p{ font-size: 12px; color: #666; }
/*集团产业*/
.industry{ float: right; width: 350px; height: 490px; margin-top:40px; border:1px solid #CCC; }
.inds-hd{ width: 100%; height: 33px; line-height: 32px; background: #EEE; }
.inds-hd h3{ float: left; width: 110px; text-align: center; height: 39px; line-height: 32px; color: #FFF; font-size: 16px; background: url(../images/current.png) no-repeat center; }
.inds-hd span { float: right; color:#ababab; font-size: 14px; font-style: italic; margin-right: 10px; }
.indsBox{ overflow: hidden; width: 350px;box-sizing: border-box; padding:10px 0 16px 16px; }
.inds-list{width: 350px; }
.inds-list li{ float: left; width: 150px; margin-right: 16px;margin-top:10px; }
.inds-list li:nth-child(n+3){ margin-top: 18px; }
.inds-list li img{ width: 155px; height: 166px;}
.inds-list li h5{ width: 153px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; border:dashed 1px #CCC; border-top:none; }
.inds-list li:hover img{ filter:alpha(opacity=80); opacity:0.8;}
.inds-list li:hover h5{ background-color: #02693b; border-color: #02693b;}
.inds-list li:hover a{ color:#FFF; text-decoration: none;}

/*专栏AD*/
.columnWarp{ width: 100%; height: 210px; margin-top:40px; background: #eeeeee; }
.column{ float: left; margin-top:40px; width: 400px; height: 130px; background: #02693b; position: relative; }
.column:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.col-img{ float: left; width: 200px; height: 130px; overflow: hidden;}
.col-img img{width: 200px; height: 130px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
.col-title{position: absolute; right: 0; top: 0; z-index: 2; width: 212px; height: 130px; line-height: 130px;}
.col-title h3{ display: inline-block; width: 100%; text-align: center; color: #FFF; font-size: 18px; }
.col-title h3 a{ display: inline-block; width: 80px; color: #fff; position: relative;transition: all .5s; }
.col-title a:after {content: '»';position: absolute;opacity: 0;top: 0;right: -15px;transition: 0.5s; font-size: 28px;}
.col-title:hover a { padding-right: 20px; text-decoration: none;}
.col-title:hover a:after {opacity: 1;right: 0;}
.column .col01{ background: url(../images/col01_1.png) no-repeat center; }
.column .col02{ background: url(../images/col02_1.png) no-repeat center; }
.column .col03{ background: url(../images/col03_1.png) no-repeat center; }